<template>
  <nav>
    <Grid>
      <GridItem icon="balance-list" text="每日福利" icon-color="#FE9A2E"/>
      <GridItem icon="hot" text="热销榜" icon-color="#FF00BF"/>
      <GridItem icon="invitation" text="皮噜甄选" icon-color="#FACC2E"/>
      <GridItem icon="vip-card" text="会员中心" icon-color="#8181F7"/>
    </Grid>
  </nav>
</template>
<script>
import { Grid, GridItem } from "vant";
export default {
  components: {
    Grid,
    GridItem,
  },
};
</script>
<style scoped>

nav {
  height: 100px;
}
nav /deep/ .van-grid-item__text{
  font-weight: 700!important;
}
</style>